//
//  TextUIView.swift
//  swiftStudy
//
//  Created by Zhang on 2021/3/15.
//

import SwiftUI

struct TextView: View {
    //代码
    private let code_1:String
    private let code_2:String
    private let code_3:String
    
    init() {
        code_1 = "Text(\"这是一个没有设置任何属性的Text控件\").padding(10)"
        
        code_2 =
            "Text(\"这是一个设置了很多属性的Text控件\")\n" +
            "      .foregroundColor(.blue)//设置字体颜色\n" +
            "      .font(.system(size: 18))//设置字体大小\n" +
            "      .fontWeight(.bold)//设置字体Weight\n" +
            "      .italic()//斜体,设置fontWeight后不生效,且只对英文字符生效\n" +
            "      .shadow(color:.gray,radius: 10,x: 0,y: 10)//设置投影,x,y为偏移量\n" +
            "      .padding(10)";
        
        code_3 =
            "Text(\"https://gitee.com/ZhangQQ_123/swift-ui-study\")\n" +
            "      .underline(color: .gray)\n" +
            "      .font(.system(size: 16,design:.serif))\n" +
            "      .padding(10)\n" +
            "      .onTapGesture {\n" +
            "          print(\"点击事件\")\n" +
            "      }"
    }
    
    //控件展示
    var body: some View {
        //滚动布局
        ScrollView(.vertical){
            //垂直布局
            VStack(alignment: .leading, spacing: 5){
                
                Section(header:SectionHeaderView(title: "普通文本",isNeedTab: false)){
                    Text("这是一个没有设置任何属性的Text控件").padding(10)
                }
                CodeView(code: code_1).padding(5)
                
                Section(header:SectionHeaderView(title: "文本带属性",isNeedTab: false)){
                    Text("这是一个设置了很多属性的Text控件")
                        .foregroundColor(.orange)//设置字体颜色
                        .font(.system(size: 18))//设置字体大小
                        .fontWeight(.bold)//设置字体Weight
                        .italic()//斜体,设置fontWeight后不生效,且只对英文字符生效
                        .shadow(color:.gray,radius: 10,x: 0,y: 10)//设置投影,x,y为偏移量
                        .padding(10)
                }
                CodeView(code: code_2).padding(5)
                
                Section(header: SectionHeaderView(title: "添加下划线",isNeedTab: false)){
                    Text("https://gitee.com/ZhangQQ_123/swift-ui-study")
                        .underline(color: .gray)
                        .font(.system(size: 16,design:.serif))
                        .padding(10)
                        .onTapGesture {
                            print("点击事件")
                        }
                }
                CodeView(code: code_3).padding(5)
                
            }.padding(5)
        }
    }
}

struct TextUIView_Previews: PreviewProvider {
    static var previews: some View {
        TextView()
    }
}
